Home » Thủ Thuật Blogger
]]></b:skin>
pre, code {
display:block;
font: 1em 'Courier New', Fixed, monospace;
font-size : 100%;
color: #666666;
background : #fff url(http://img178.imageshack.us/img178/1307/prepb3.jpg) no-repeat left top;
overflow : auto;
text-align:left;
border : 1px solid #99cc66;
padding : 0px 20px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}
]]></b:skin>
Form Comment nền bằng hình ảnh.comment-form {background:#FFA530;border-bottom: 1px solid #999;padding:6px 10px;font-size:15px;color:#FFF;
clear: both;
max-width: 100%;}
.comment-form {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqLhhXIccvdfWK3tZkrstOUSucH10tYyv53dSu47nhP3M-NnjDH1_D4Z2_eiFVAFZXRqe119hnytgkyaeZhNclJ6XzYXPKuKujGIFOsS-PVsq43w53V-wjhdVBGTQ0lrppzO3GQTd348KM/s400/body-pattern.gif);border-bottom: 1px solid #999;padding:6px 10px;font-size:15px;color:#FFF;
clear: both;
max-width: 100%;}
Demo thuthuatvui.com đây là dạng form có hình
<script type='text/javascript'>
//<![CDATA[
function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};
//]]>
</script>
Sửa thành<data:post.body/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('Từ khóa 1',true,'Link từ khóa 1','summary<data:post.id/>');
highlightSearchTerms('Từ khóa 2',true,'Link từ khóa 2','summary<data:post.id/>');
highlightSearchTerms('Từ khóa 3',true,'Link từ khóa 3','summary<data:post.id/>');
</script>
<div style="width:300px">
<style type="text/css">
#weather-share99{
color :#000;
cursor: pointer;
background:#7fccff;
background: -moz-linear-gradient(top, #4fbfdc 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fbfdc),color-top(100%,#f4f4f4));
background: -webkit-linear-gradient(top,#4fbfdc 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #4fbfdc 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #4fbfdc 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #4fbfdc 0%,#f4f4f4 100%);
}
#weather-share99 a{ text-decoration:none; color: #000};
</style>
<div id="weather-share99" class="weather-share99">
<!-- Start widget Weather share99 -->
<tr><td colspan="2">
<br /><img title="weather" border="0" src="https://ssl.gstatic.com/onebox/weather/35/partly_cloudy.png" style="vertical-align:middle" width="25px" alt="Thời tiết" /><b><a href="http://wwww.share99.net">Thời tiết</a></b>
</td>
</tr>
<div id="weather-share99" class="weather-share99">
<div id="thoitiet" style="padding: 9px 0 5px 20px; text-align:left">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://vietconsinfo.googlecode.com/svn/weather.js"></script>
<div><select class="thoitiet" id="cboListCity" name="cboListCity" style="width:105px;"><option selected value="hochiminh" />Tp HCM</select><div class="inner"><img border="0" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJP_rQp9Tol25Fr-oFQ_6xI3FLuhogztJZRqMhWdUFsw3SyrlE8efWu6uaQNk-wNdIs4sEaT228-JANym2kbxh0LYqaBj2W4ns_oHZCcrq4_YrEE2lVDuJZ1nur5fYDOIFxvGpGbb0NU59/s1600/loading.gif'/></div></div>
<script>/*<![CDATA[*/$("select").change(function(){var b="";$("select option:selected").each(function(){b+=" "+$(this).val()+" "});var a=b.split(" ");showWeather(""+a[1]+",vietnam")});/*]]>*/</script></div></div>
<!-- End widget Weather share99 -->
<div class="box">
<td colspan="2">
<img title="tỷ giá " border="0" src="http://nhavietnam.com.vn/hinhanh/money.png" style="vertical-align:middle" width="25px" alt="Giá vàng" /><b><a href="http://wwww.share99.net">Giá vàng 9999</a></b></td>
<div id="weather-share99" class="weather-share99">
<script type="text/javascript" language="JavaScript" src="http://vnexpress.net/Service/Gold_Content.js"></script>
<script type="text/javascript" language="JavaScript" src="http://bachkhoamedia.googlecode.com/files/tygia.js"></script>
</div>
</div>
<div class="box">
<td colspan="2"><img src="http://nhavietnam.com.vn/hinhanh/circle-chart.png" style="vertical-align:middle" border="0" title="Gia Vang" alt="Tỷ giá" /><b><a href="http://wwww.share99.net">Tỷ giá ngoại tệ</a></b> </td>
<div id="weather-share99" class="weather-share99">
<script type="text/javascript" language="JavaScript" src="http://vnexpress.net/Service/Forex_Content.js"></script>
<script type="text/javascript" language="JavaScript" src="http://bachkhoamedia.googlecode.com/files/money.js"></script>
</div>
</div></div>
</div>